<script setup lang="ts">
import {onMounted,reactive} from "vue"
import B4 from "@/components/paper/B4/B4.vue"
let state=reactive([]);

function loadData() {
  import('@/data.json')
    .then(data => {
      state.push(data.default);
      console.log(data.default); // 注意这里使用的是data.default，因为JSON文件会被当作一个模块导入
    })
    .catch(error => {
      console.error('Error loading data:', error);
    });
}


onMounted(function(){
  loadData()
})
</script>
<template>
  <div class="header"><img src="@/assets/logo-sheet.png" class="logo"/></div>
  <div id="content">
    <B4/>
  </div>
  <br/>  <br/>  <br/>  <br/>  <br/>
</template>
